<template>
  <header class="search-header">
    <div class="search-header-button">
      <router-link to="/">
        <img src="../assets/back.png" class="back-btn" alt="">
        <!-- <i class="iconfont icon-fanhui"></i> -->
      </router-link>
    </div>
    <div class="search-header-content">
      <img src="../assets/search.png" class="search-btn" alt="">
    </div>
  </header>
</template>

<script>
export default {
  name: 'HeadTop',
  data () {
    return {
      value: ''
    }
  },
  props: {
    fiexd: Boolean,
    title: String,
    placeholder: String
  },
  methods: {
    reset () {
      this.value = ''
    }
  }
}
</script>

<style lang="scss" scoped>
.search-header {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  color: #252525;
  box-sizing: border-box;
  font-size: .32rem;
  height: 1.466667rem;
  line-height: 1;
  padding: .266667rem;
  white-space: nowrap;
  .back-btn{
    width: .31rem;
    height: .55rem;
    margin-left: .13rem;
  }
  .search-header-content {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    border-radius: .266667rem;
    .search-btn{
      width: .48rem;
      height: .48rem;
    }
  }
}
</style>
